export const echartsBox = {
    width: '100%',
    height: '100%',
    border: '1px solid red',
    position: 'absolute',
    top: 0,
    left: 0,
}
export const wrap = {
    position: 'relative',
    width: '500px',
    height: '500px',
}
export const qPanelData = {
    totalWidth: 400,
    totalHeight: 600,
    qpanelInfos: [
        {
            panelId: 'AAEEE',
            topLeftX: -200,
            topLeftY: 300,
            bottomRightX: 0,
            bottomRightY: 100,
            panelInfos: [
                {panelId: 'AA', topLeftX: -200, topLeftY: 300, bottomRightX: -150, bottomRightY: 250},
                {panelId: 'AB', topLeftX: -150, topLeftY: 300, bottomRightX: -100, bottomRightY: 250},
                {panelId: 'AB', topLeftX: -100, topLeftY: 300, bottomRightX: -50, bottomRightY: 250},
                {panelId: 'AD', topLeftX: -50, topLeftY: 300, bottomRightX: 0, bottomRightY: 250},
                {panelId: 'AE', topLeftX: -200, topLeftY: 250, bottomRightX: -150, bottomRightY: 200},
                {panelId: 'AF', topLeftX: -150, topLeftY: 250, bottomRightX: -100, bottomRightY: 200},
                {panelId: 'AG', topLeftX: -100, topLeftY: 250, bottomRightX: -50, bottomRightY: 200},
                {panelId: 'AH', topLeftX: -50, topLeftY: 250, bottomRightX: 0, bottomRightY: 200},
                {panelId: 'AI', topLeftX: -200, topLeftY: 200, bottomRightX: -150, bottomRightY: 150},
                {panelId: 'AJ', topLeftX: -150, topLeftY: 200, bottomRightX: -100, bottomRightY: 150},
                {panelId: 'AK', topLeftX: -100, topLeftY: 200, bottomRightX: -50, bottomRightY: 150},
                {panelId: 'AL', topLeftX: -50, topLeftY: 200, bottomRightX: 0, bottomRightY: 150},
                {panelId: 'AM', topLeftX: -200, topLeftY: 150, bottomRightX: -150, bottomRightY: 100},
                {panelId: 'AN', topLeftX: -150, topLeftY: 150, bottomRightX: -100, bottomRightY: 100},
                {panelId: 'AO', topLeftX: -100, topLeftY: 150, bottomRightX: -50, bottomRightY: 100},
                {panelId: 'AP', topLeftX: -50, topLeftY: 150, bottomRightX: 0, bottomRightY: 100},
                {panelId: 'ABCD', topLeftX: 0, topLeftY: 50, bottomRightX: 50, bottomRightY: 0},
            ]
        },
        {
            panelId: 'B',
            topLeftX: 0,
            topLeftY: 300,
            bottomRightX: 200,
            bottomRightY: 100,
            panelInfos: [
                {panelId: 'BA', topLeftX: 0, topLeftY: 300, bottomRightX: 50, bottomRightY: 250},
                {panelId: 'BB', topLeftX: 50, topLeftY: 300, bottomRightX: 100, bottomRightY: 250},
                {panelId: 'BC', topLeftX: 100, topLeftY: 300, bottomRightX: 150, bottomRightY: 250},
                {panelId: 'BD', topLeftX: 150, topLeftY: 300, bottomRightX: 200, bottomRightY: 250},
                {panelId: 'BE', topLeftX: 0, topLeftY: 250, bottomRightX: 50, bottomRightY: 200},
                {panelId: 'BF', topLeftX: 50, topLeftY: 250, bottomRightX: 100, bottomRightY: 200},
                {panelId: 'BG', topLeftX: 100, topLeftY: 250, bottomRightX: 150, bottomRightY: 200},
                {panelId: 'BH', topLeftX: 150, topLeftY: 250, bottomRightX: 200, bottomRightY: 200},
                {panelId: 'BI', topLeftX: 0, topLeftY: 200, bottomRightX: 50, bottomRightY: 150},
                {panelId: 'BJ', topLeftX: 50, topLeftY: 200, bottomRightX: 100, bottomRightY: 150},
                {panelId: 'BK', topLeftX: 100, topLeftY: 200, bottomRightX: 150, bottomRightY: 150},
                {panelId: 'BL', topLeftX: 150, topLeftY: 200, bottomRightX: 200, bottomRightY: 150},
                {panelId: 'BM', topLeftX: 0, topLeftY: 150, bottomRightX: 50, bottomRightY: 100},
                {panelId: 'BN', topLeftX: 50, topLeftY: 150, bottomRightX: 100, bottomRightY: 100},
                {panelId: 'BO', topLeftX: 100, topLeftY: 150, bottomRightX: 150, bottomRightY: 100},
                {panelId: 'BP', topLeftX: 150, topLeftY: 150, bottomRightX: 200, bottomRightY: 100},
            ]
        },
        {
            panelId: 'C',
            topLeftX: -200,
            topLeftY: -200,
            bottomRightX: 0,
            bottomRightY: -300,
            panelInfos: [
                {panelId: 'CA', topLeftX: -200, topLeftY: -250, bottomRightX: -150, bottomRightY: -300},
                {panelId: 'CB', topLeftX: -150, topLeftY: -250, bottomRightX: -100, bottomRightY: -300},
                {panelId: 'CC', topLeftX: -100, topLeftY: -250, bottomRightX: -50, bottomRightY: -300},
                {panelId: 'CD', topLeftX: -50, topLeftY: -250, bottomRightX: 0, bottomRightY: -300},
                {panelId: 'CE', topLeftX: -200, topLeftY: -200, bottomRightX: -150, bottomRightY: -250},
                {panelId: 'CF', topLeftX: -150, topLeftY: -200, bottomRightX: -100, bottomRightY: -250},
                {panelId: 'CG', topLeftX: -100, topLeftY: -200, bottomRightX: -50, bottomRightY: -250},
                {panelId: 'CH', topLeftX: -50, topLeftY: -200, bottomRightX: 0, bottomRightY: -250},
            ]
        },
        {
            panelId: 'D',
            topLeftX: 0,
            topLeftY: -200,
            bottomRightX: 200,
            bottomRightY: -300,
            panelInfos: [
                {panelId: 'DA', topLeftX: 150, topLeftY: -250, bottomRightX: 200, bottomRightY: -300},
                {panelId: 'DB', topLeftX: 100, topLeftY: -250, bottomRightX: 150, bottomRightY: -300},
                {panelId: 'DC', topLeftX: 50, topLeftY: -250, bottomRightX: 100, bottomRightY: -300},
                {panelId: 'DD', topLeftX: 0, topLeftY: -250, bottomRightX: 50, bottomRightY: -300},
                {panelId: 'AE', topLeftX: 0, topLeftY: -200, bottomRightX: 50, bottomRightY: -250},
            ]
        },
    ]
}
// <!--      <div id="my-chart" :style="echartsBox"></div>-->
// <style scoped lang="stylus">
//     #my-chart {
//     width: 100%;
//     height: 100%;
//     position: absolute;
//     top: 0;
//     left: 0;
// }
// </style>

// let option = {
//   grid: {
//     left: 0,
//     right: 0,
//     bottom: 0,
//     top: 0
//   },
//   tooltip: {},
//   xAxis: {},
//   yAxis: {},
//   series: [
//     {
//       symbolSize: 5,
//       data: [
//         [10.0, 8.04],
//         [8.07, 6.95],
//         [13.0, 7.58],
//         [9.05, 8.81],
//         [11.0, 8.33],
//         [14.0, 7.66],
//         [13.4, 6.81],
//         [10.0, 6.33],
//         [14.0, 8.96],
//         [12.5, 6.82],
//         [9.15, 7.2],
//         [11.5, 7.2],
//         [3.03, 4.23],
//         [12.2, 7.83],
//         [2.02, 4.47],
//         [1.05, 3.33],
//         [4.05, 4.96],
//         [6.03, 7.24],
//         [12.0, 6.26],
//         [12.0, 8.84],
//         [7.08, 5.82],
//         [5.02, 5.68]
//       ],
//       type: 'scatter'
//     }
//   ]
// };
// let myChart = echarts.init(document.getElementById('my-chart'));
// myChart.setOption(option);

export const fucks = {
    totalWidth: 1500,
    totalHeight: 1300,
    qpanelInfos: [
        {
            panelId: 'A',
            topLeftX: -733.95,
            topLeftY: 630.136,
            bottomRightX: 1.94999999999993,
            bottomRightY: 5,
            panelInfos: [
                {panelId: 'AA', topLeftX: -719.994, topLeftY: 617.058, bottomRightX: -590.426, bottomRightY: 553.574},
                {panelId: 'AB', topLeftX: -575.414, topLeftY: 617.058, bottomRightX: -445.846, bottomRightY: 553.574},
                {panelId: 'AC', topLeftX: -430.834, topLeftY: 617.058, bottomRightX: -301.266, bottomRightY: 553.574},
                {panelId: 'AD', topLeftX: -286.254, topLeftY: 617.058, bottomRightX: -156.686, bottomRightY: 553.574},
                {panelId: 'AE', topLeftX: -141.674, topLeftY: 617.058, bottomRightX: -12.106, bottomRightY: 553.574},
                {panelId: 'BA', topLeftX: -719.994, topLeftY: 547.418, bottomRightX: -590.426, bottomRightY: 483.934},
            ]
        }]
}